<template>
  <div>
    <el-button size="small" type="primary" @click="click">查看</el-button>
    <el-dialog
      append-to-body
      :visible.sync="dialogVisible"
      fullscreen
      :before-close="handleClose"
    >
      <XDFullScreenA :config="config" :data="data"></XDFullScreenA>
    </el-dialog>
  </div>
</template>
<script>
import XDFullScreen from "@/components/EleTableComp/XDFullScreen";
import { typeJson } from "@/components/EleTableComp/config";
export default {
  props: ["data"],
  data() {
    return {
      dialogVisible: false,
      config: [
        {
          label: "隐患详情",
          ruleForm: [
            {
              label: "隐患级别",
              prop: "level",
              type: "dropDown",
              list: typeJson.level,
              value: "", 
            },
            {
              label: "隐患部位",
              prop: "part",
              value: "",  
            },
            {
              label: "隐患来源",
              prop: "source",
              type: "dropDown",
              list: typeJson.source,
              value: "",
            },
            {
              label: "隐患类别",
              prop: "name",
              type: "dropDown",
              value: "",
            },
            {
              label: "隐患描述",
              prop: "content",
              value: "",
              type: "textArea",
            },
            {
              label: "隐患发现人",
              prop: "discoverMan",
              value: "",
            },
            {
              label: "发现时间",
              prop: "discoverDate",
              value: "",
            },
            {
              label: "隐患照片",
              type: "download",
              prop: "riskPhoto",
              value: "",
            },
            {
              label: "核查人",
              prop: "verifyMan",
              value: "",
            },
          ],
          ruleFormData: {},
          disabled: true,
          // insert: {
          //     url: '/urgentrescueprotocol/edit',
          //     method: 'POST',
          //     data: "this.config.ruleForm",
          //     mineId: true
          // },
        },
        {
          label: "核查情况",
          ruleForm: [
            {
              label: "整改要求",
              prop: "rectifyRequire",
              value: "",
            },
            {
              label: "整改类型",
              prop: "rectifyType",
              type: "dropDown",
              list: typeJson.rectifyType,
              value: "",
            },
            {
              label: "整改方式",
              prop: "rectifyWay",
              type: "dropDown",
              list: typeJson.rectifyWay,
              value: "",
            },
            {
              label: "整改期限",
              prop: "rectifyExpires",
              value: "",
            },
            {
              label: "整改负责人",
              prop: "rectifyMan",
              value: "",
            },
            {
              label: "联系电话",
              prop: "phone",
              value: "",
            },
          ],
          ruleFormData: {},
          disabled: true,
        },
        {
          label: "整改情况",
          ruleForm: [
            {
              label: "整改状态",
              prop: "rectifyStatus",
              type: "dropDown",
              list: typeJson.rectifyStatus,
              value: "",
            },
            {
              label: "整改完成时间",
              prop: "rectifyFinishDate",
              value: "",
            },
            {
              label: "整改情况",
              prop: "rectifyCase",
              value: "",
              type: "textArea",
            },
            {
              label: "整改图片",
              prop: "afterPhoto",
              type: "download",
              value: "",
            },
          ],
          ruleFormData: {},
          disabled: true,
        },
        {
          label: "复查情况",
          ruleForm: [
            {
              label: "复查结果",
              prop: "reviewStatus",
              type: "dropDown",
              list: typeJson.reviewStatus,
              value: "",
            },
            {
              label: "复查人或单位",
              prop: "reviewMan",
              value: "",
            },
            {
              label: "复查意见",
              prop: "reviewOpinion",
              value: "",
            },
            {
              label: "复查时间",
              prop: "reviewDate",
              type: "timePicker",
              value: "",
            },
          ],
          ruleFormData: {},
          disabled: true,
        },
        {
          label: "检查信息",
          ruleForm: [
            {
              label: "检查类别",
              prop: "planType",
              type: "dropDown",
              list: typeJson.riskRule,
              value: "",
            },
            {
              label: "检查名称",
              prop: "planName",
              value: "",
            },
            // {
            //     label: '检查人',
            //     prop: 'checkMan',
            //     value: ''
            // },
            {
              label: "检查时间",
              prop: "checkDate",
              value: "",
            },
          ],
          ruleFormData: {},
          disabled: true,
        },
      ],
    };
  },
  created() {
    // console.log(this.data)
  },
  methods: {
    handleClose() {
      this.dialogVisible = false;
    },
    click() {
      this.dialogVisible = true;
    },
  },
  components: {
    XDFullScreen,
  },
};
</script>
